/*清除浮动*/
.clearfix::before,
.clearfix:after{
	content:"";
	display: table;
}

.clearfix:after{
	clear:both;
}

.hide{
	display: none;
}
body{
	background-color:#000;
	font-family:Helvetica;
}

/*头部样式*/
header{
	display: -moz-flex; 
    display: -webkit-flex; 
    display: flex;
    -webkit-align-items: center;
    align-items: center; 
    -webkit-justify-content: space-around;
    justify-content: space-around;
	position: relative;
	width: 100%;
	height: 1.8rem;
	background: #6fba2c;
	text-align: center;
	background:url(../images/head_bg.png) no-repeat;
	background-size: 100%;
	overflow:hidden;
}
header .head-word {
	position: relative;
}
header .head-word{
	position: absolute;
	top:0.38rem;
	left:2.85rem;
	width:4rem;
	height: 1.1rem;
	text-align: center;
}
header .head-word img{
	width: 100%;
	height: 100%;
}
.ad-img1{
	display: -moz-flex; 
    display: -webkit-flex; 
    display: flex;
    -webkit-align-items: center;
    align-items: center; 
    -webkit-justify-content: space-around;
    justify-content: space-around;
	width: 100%;
	height: 5.2rem;
	background-color: #000;
}
.ad-img1 img{
	display: block;
	box-sizing:border-box;
	border:2px solid #fff;
	width: 94%;
	height: 100%;
}
.btn-box{
	display: -moz-flex; 
    display: -webkit-flex; 
    display: flex;
    -webkit-align-items: center;
    align-items: center; 
    -webkit-justify-content: space-around;
    justify-content: space-around;
	width: 100%;
	height: 2rem;
	background-color: #000;
}
.btn-box .begin{
	display: -moz-flex; 
    display: -webkit-flex; 
    display: flex;
    -webkit-align-items: center;
    align-items: center; 
    -webkit-justify-content: space-around;
    justify-content: space-around;
	height: 1.5rem;
	width: 4rem;
	text-align: center;
	background-color:#e91c11;
}
.btn-box .begin .left-img-box{
	float: left;
}
.btn-box .begin .start-btn{
	float: left;
	background:#e91c11; 
	border:1px solid #e91c11;
	font-size: 0.4rem;
	color:#fff;
}
.btn-box .record{
	display: -moz-flex; 
    display: -webkit-flex; 
    display: flex;
    -webkit-align-items: center;
    align-items: center; 
    -webkit-justify-content: space-around;
    justify-content: space-around;
	height: 1.5rem;
	width: 4rem;
	text-align: center;
	background-color:#e91c11;
}
.btn-box .record .right-img-box{
	float: left;
}
.btn-box .record .record-btn{
	float: left;
	background:#e91c11; 
	border:1px solid #e91c11;
	font-size: 0.4rem;
	color:#fff;
}
.ad-img2{
	display: -moz-flex; 
    display: -webkit-flex; 
    display: flex;
    -webkit-align-items: center;
    align-items: center; 
    -webkit-justify-content: space-around;
    justify-content: space-around;
	width: 100%;
	height: 5.2rem;
	background-color: #000;
}
.ad-img2 img{
	box-sizing:border-box;
	display: block;
	width: 94%;
	height: 100%;
	border:2px solid #fff;
}
footer{
	position: relative;
	height: 3.48rem;
	background:#000;
}
footer .cloud1{
	position: absolute;
	top:0.3rem;
	left:0.4rem;
}
footer .cloud2{
	position: absolute;
	top:0.3rem;
	left:8rem;
}
footer .footer-word{
	position: absolute;
	width: 7rem;
	height: 1rem;
	top:1rem;
	left:2rem;
}
footer .footer-word img{
	width: 100%;
	height: 100%;
}
footer .city-img{
	position: absolute;
	width: 5.4rem;
	height: 1.5rem;
	top:1.9rem;
	left:0.8rem;
}
footer .city-img img{
	width: 100%;
	height: 100%;
}
footer .footer-btn{
	position: absolute;
	width:2.5rem;
	height: 0.8rem;
	left:7.2rem;
	top:2.35rem;
	border-radius: 0.5rem;
}
footer .footer-btn button{
	width: 100%;
	height: 100%;
	font-size: 0.4rem;
	border-radius: 0.5rem;
	color:#e91c11;
	background: #ffffff;
}






